<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!--<link href=“http://vjs.zencdn.net/5.8.8/video-js.css” rel=“stylesheet”>-->
    <link href="/video-js.css" rel="stylesheet">
    <title>Title</title>
</head>
<body>
<div>开始</div>
<!--<video id="video"></video>-->
<!--<video width="480" controls>
    <source scr="http://video102.onzoom.cn/live/onzoom51001.flv" >
</video>-->
<!--
<video src="http://video102.onzoom.cn/live/onzoom51001.m3u8"
       height="300"
       width="400"
       preload="auto"
       autoplay="autoplay"
       loop="loop"
       webkit-playsinline="true">

</video>
-->


<video id="example_video_1"
       class="video-js vjs-default-skin"
       controls preload="auto"
       width="640"
       height="264"
       loop="loop" webkit-playsinline>
    <source src="rtmp://video102.onzoom.cn/live/onzoom51001" type=‘rtmp/flv’>
</video>


</body>
</html>


<!--<script src="http://vjs.zencdn.net/5.8.8/video.js"></script>-->
<script src="/video.js"></script>

<script>
    videojs.options.flash.swf = 'video.swf';
    videojs('example_video_1').ready(function() {
        this.play();
    });
</script>

<!--
<script src="https://cdn.jsdelivr.net/hls.js/latest/hls.min.js"></script>

<script>
    if(Hls.isSupported()) {
        var video = document.getElementById('video');
        var hls = new Hls();
        //hls.loadSource('http://www.streambox.fr/playlists/test_001/stream.m3u8');
        hls.loadSource('http://video102.onzoom.cn/live/onzoom51001.m3u8');
        hls.attachMedia(video);
        hls.on(Hls.Events.MANIFEST_PARSED,function() {
            video.play();
        });
    }
</script>-->

